<template>
  <div class="flex users">
    <div class="user" v-for="user in userData">
      <img :src="user.avatarUrl" :alt="user.nickname" srcset="" />
    </div>
  </div>
</template>

<script lang="ts">
export default {
  name: 'userAside',
}
</script>

<script lang="ts" setup>
import { subscriber } from '@/api/model/subscriber'
import { ref, reactive } from 'vue'

const props = defineProps<{ userData: subscriber[] }>()
</script>

<style scoped></style>
